<%@page import="unp.sisEventos.web.servlet_facade_web"%>
<%@page import="unp.sisEventos.pojos.TipoEvento"%>
<%@page import="unp.sisEventos.util.Utilitarios"%>

<div id="modal-mensage" class="modal mensage" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" data-dismiss="modal">close</button>
            </div>
        </div>
    </div>
</div>

<div id="modal-table" class="modal table" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">Nombre: </label>
                            <div class="col-sm-10">
                                <input id="evento_nom"  type="text" value="" size="20" class="form-control" placeholder="Nombre">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">Descripcion: </label>
                            <div class="col-sm-10">
                                <textarea id="evento_des" class="form-control" rows="3"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Tipo: </label>
                            <div class="col-sm-10">
                                <select id="cmb_tipoevento" style="width:200px" class="form-control">
                                    <%
                                                for (TipoEvento tipoevento : servlet_facade_web.getFacade().getAllTipoEvento()) {
                                    %>
                                    <option  value='<%=tipoevento.getId()%>'><%=tipoevento.getNombre()%></option>
                                    <%
                                                }
                                    %>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label   class="col-sm-3 control-label">Modalidad: </label>
                            <div class="col-sm-10">
                                <select id="cmb_modalidad" style="width:150px" class="form-control">
                                    <option  value="G">GRATUITA</option>
                                    <option  value="P">PAGO</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label id="label_precio" class="col-sm-3 control-label">Precio: </label>
                            <div class="col-sm-10">
                                <input id="evento_precio" type="text" value="" size="20" onkeypress=" return validarNro(event)" class="form-control" placeholder="Precio">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">Fecha: </label>
                            <div class="col-sm-10">
                                <div  class="input-group date" id="dp3" data-date='<%=Utilitarios.getFecha()%>' data-date-format="mm/dd/yyyy">
                                    <input class="form-control" id="evento_fecha" type="text" readonly="" value='<%=Utilitarios.getFecha()%>'>
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">Capacidad: </label>
                            <div class="col-sm-10">
                                <input id="evento_capacidad" onkeypress=" return validarNro(event)" type="text" value="" size="20" class="form-control" placeholder="Capacidad">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label  class="col-sm-3 control-label">Lugar: </label>
                            <div class="col-sm-10">
                                <input id="evento_lugar" type="text" value="" size="20" class="form-control" placeholder="Lugar">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div id="alert-table" class="col-md-12">
                    
                </div>
            </div>
            <div class="modal-footer">
                <button onClick="validar(2)" class="btn btn-success" >Guardar </button>
                <button type="button" class="btn btn-success" data-dismiss="modal">Cancelar</button>
            </div>
        </div>
    </div>
</div>